@import "./variable.scss";
html,
body {
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	color: #333;
}

#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
	overflow: auto;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
}

p{
	margin: 0;
	padding: 0;
}

ul,li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.van-overlay{
	background: rgba(0,0,0,.1);
}
em,
i,
b,
strong{
	font-style: normal;
	font-weight: normal;
}

button{
	border: none;
	background: none;
	outline: none;
}

textarea{
	border: none;
	resize: none;
}

.server-common-card{
	.serve-title{
		height: 100px;
		@include flexCenter;
		justify-content: flex-start;
		border-bottom: 1px solid rgba(0,0,0,.1);
		margin-bottom: 40px;
		span{
			@include flexCenter;
			em{
				font-size: 20px;
				background: $color-blue;									
				border-radius: 4px;
				padding: 1px 5px;
				margin-right: 5px;
				color: #fff;
			}
			b{
				font-size: 36px;
				font-weight: bold;
			}
		}
	}
	.serve-content{
		h3{
			span{
				font-size: 28px;
				@include titleBorder;
			}
			margin-bottom: 20px;
			margin-top: 40px;
			&:first-child{
				margin-top: 0;
			}
		}
		p{
			font-size: 22px;
		}
		.person{
			span{
				font-size: 22px;
			}
		}
		span.date{
			@include flexCenter;
			justify-content: flex-start;
			b{
				font-size: 22px;
			}
			i{
				font-size: 20px;
				background: $color-blue;									
				border-radius: 4px;
				padding: 1px 5px;
				margin-left: 10px;
				color: #fff;
			}
		}
		strong{
			display: inline-block;
			font-size: 22px;
			color: #A8A8A8;
			background: #F2F2F2;
			border-radius: 4px;
			margin-top: 20px;
			padding: 1px 10px;
		}
	}
}